<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2019/12/31 0031
  Time: 16:10
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Layout布局</title>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/easyui/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/easyui/themes/icon.css">
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/easyui/jquery-1.8.0.min.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/easyui/jquery.easyui.min.js"></script>
</head>
<%--导入css和js--%>

<body >
<div class="easyui-layout" style="height:100%;width: 100%">
    <div data-options="region:'north'" style="height:50px">A</div>
    <div data-options="region:'south',split:true" style="height:50px;">B</div>
    <div data-options="region:'east',split:true" title="East" style="width:180px;">C</div>
    <div data-options="region:'west',split:true" title="West" style="width:100px;">D</div>
    <div data-options="region:'center',title:'Main Title',iconCls:'icon-ok'">E</div>
</div>
</body>
</html>
